<!--
 * @Author: your name
 * @Date: 2021-07-21 21:08:13
 * @LastEditTime: 2021-07-21 21:36:04
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \noproblemi:\实训东软H5\仓库\h5_2002\编码\cat\src\views\inquiry\InServe3.vue
-->



<template>
  <div class="Opservice1-message">
    <div class="left">
      <img
        src="http://www.ananpet.com/Public/Uploads/Environment/2018-07-20/5b518b3b6aeeb.jpg"
        alt=""
      />
    </div>
    <div class="right">
      <h2>骨科</h2>
      <div class="message" v-for="(all,index) in pagemessage" :key="index">
        {{all.messages}}
      </div>
      <el-button type="primary" round @click="ToHospital">查看门店</el-button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      pagemessage: [
        {
          photo: 'http://www.ananpet.com/Public/Uploads/Environment/2018-07-20/5b518b3b6aeeb.jpg',
          department: '猫专科',
          messages: '成员大部分由中国农业大学动物医学专业硕士组成，其中 2 人在中农大教学动物医院手术室和外科门诊工作 8 年以上，担任手术室要职并完成许多高难度的疑难手术，尤其是在国内小动物临床骨科水平还处于萌芽阶段时，他们已经在中农大手术室积累了大量骨科病例和宝贵实战经验，打下了坚实的功底。今年年初，部分团队成员被外派到美国加州 UC Davis 教学动物医院进修骨科，对骨科有了更加深刻的认识和理解。团队成员都多次参加国际 AO 骨科协会举办的高水平培训。'
        }
      ]
    };
  },
  methods: {
    ToHospital() {
      this.$router.push('/Hospital');
    }
  }
};
</script>

<style lang="less" scoped>
.Opservice1-message {
  display: flex;
  justify-content: space-between;
  .left {
    img {
      width: 300px;
      height: 400px;
    }
  }
  .right {
    display: flex;
    flex-direction: column;
    margin-left: 100px;
    h2 {
      border-color: white white black white;
      border-style: solid;
    }
    .message {
      margin-top: 50px;
      margin-bottom: 50px;
    }
    .el-button {
      width: 200px;
      height: 50px;
    }
  }
}
</style>